<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css?version=1.2.8">
    <link rel="stylesheet" href="./css/01/01.css?version=1.2.8">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/fixed-table.css?version=1.2.8" />
    <script src="./js/jquery-2.2.4.min.js?version=1.2.8"></script>
    <script src="./js/echarts3.8.5_min.js?version=1.2.8"></script>
    <script src="./js/fastclick.js?version=1.2.8"></script>
    <script src="./js/iscroll-probe.min.js"></script>
    <script src="./js/hammer.min.js"></script>
</head>

<body>      
    <div class="c-content mainIndex1" id="contentindex">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
            <div class="top-content clearfix">
                <div class="topLeft fl"></div>
                <div class="topright fl">
                    <div class="top-more">>>>>></div>
                    <div class="top-message">
                        <span class="titlep"></span>
                        <div>
                        </div>
                        <div class="system">
                            <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                <img src="./img/01/back2.png" alt="">
                            </a> -->
                            <a class="goback-sys bg-color-bg">
                                <img src="./img/system/change.png" alt="">
                            </a>
                            <a class="gonext-sys bg-color-bg">
                                <img src="./img/system/setting.png" alt="">
                            </a>
                            <div class="truemodel">
                                <div class="truelists">选择模板</div>
                                <div class="changekh">修改口号</div>
                                <div class="jgsj">间隔时间</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mid-model">
                <div class="mid-left">                   
                    <div class="m-c-t">
 <!--*************************************部门简介  *********************************-->                       
                        <a class="m-item" style="display:block" onclick="changetogo(1)">
                            <div class="classIntru bg-color-bg">部门简介<img src="./img/01/3.png"></div>
                            <div class="m-q-q bg-color-border">
                                <div class="m-i-i">
                                    <textarea readonly class="bg-color-font textareaW">                                
                                 </textarea>
                                    <div class="m-job" id="m-job">
                                        <!-- <div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>班组成员22人</span><span>平均年龄33岁</span></div><div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>大专及以上学历15人</span><span>中共党员12人</span></div><div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>工程师66人</span><span>助理工程师25人</span><span>高级技师41人</span><span>技师33人</span><span>高级工26人</span></div> -->
                                    </div>
                                </div>
                            </div>
                        </a>
<!--*************************************部门成员*********************************-->
                        <a class="m-m-a" style="display:block" onclick="changetogo(4)">
                            <div class="classIntru bg-color-bg">部门成员<img src="./img/01/3.png"></div>
                            <div class="m-m-person bg-color-border" id="peopleQ">
                                <!-- <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div>
                                <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div>
                                <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div>
                                <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div>
                                <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div>
                                <div class="pre-item">
                                    <div class="pre-top">
                                        <div class="pre-name">张振华</div>
                                        <div class="p-j-job">组长</div>
                                    </div>
                                    <div class="imgIcon">
                                        <img src="./img/01/avatar.png" alt="">
                                    </div>
                                </div> -->
                            </div>
                        </a>
                    </div>

                    <div class="m-c-b clearfix">
<!--*************************************部门荣誉*********************************-->
                        <div class="honor-section">
                            <div class="hornor-tit">
                                <div class="classIntru bg-color-bg classroller2 "><img src="./img/01/3.png">部门荣誉</div>
                            </div>
                            <div class="bg-color-border c-r-photo">
                                <a class="c-honer" onclick="changetogo(2)">
                                    <!-- <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div>
                                    <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div>
                                    <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div>
                                    <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div>
                                    <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div>
                                    <div class="item-hover">
                                        <img src="./img/honner2/honorpic.png" alt="">
                                    </div> -->
                                </a>
                            </div>
                        </div>
<!--*************************************风采剪影*********************************-->
                        <div class="croper-section">
                            <div class="c-img-croper flex-column" onclick="changetogo(3)">
                                <!-- <div class="c-img-top clearfix">
                                    <div class="c-img-left">
                                        <img src="./img/demeanour2/cropper_1.png" alt="">
                                    </div>
                                    <div class="c-img-right flex-column ">
                                        <img src="./img/demeanour2/cropper_2.png" alt="">
                                        <img src="./img/demeanour2/cropper_3.png" alt="">
                                    </div>
                                </div>
                                <div class="c-img-bottom">  
                                    <div class="c-img-leftbot">
                                        <img src="./img/demeanour2/cropper_4.png" alt="">
                                    </div>                                 
                                    <a class="c-img-right" onclick="changetogo(3)">
                                        <img src="./img/demeanour2/cropper_5.png" alt="">
                                    </a> 
                                </div> -->
                                
                            </div>
                        </div>   
                    </div>
                    
                    
                    
                </div>
                <div class="mid-right">
<!--*******************************要务公开************************************-->
                    <div class="public_affair_box">
                        <div>
                            <div class="classIntru bg-color-bg classroller2" onclick="changetogo(5)"><img src="./img/01/3.png">要务公开</div>
                        </div>
                        <div class="p_open bg-color-border mgt20 fr">                                               
                                <div class="public_affair">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                                <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                                <div class="affairImgWrap">
                                                    <img src="./img/02/affair_file.png" alt="">
                                                </div>
                                                <div class="affair_file_content">
                                                    <div class="public_affair_tit">附件</div>
                                                    <ul class="affair_file_ul">
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                                        <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                                <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                                <div class="affairImgWrap">
                                                    <img src="./img/02/affair_file.png" alt="">
                                                </div>
                                                <div class="affair_file_content">
                                                    <div class="public_affair_tit">附件</div>
                                                    <ul class="affair_file_ul">
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                                        <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                                <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                                <div class="affairImgWrap">
                                                    <img src="./img/02/affair_file.png" alt="">
                                                </div>
                                                <div class="affair_file_content">
                                                    <div class="public_affair_tit">附件</div>
                                                    <ul class="affair_file_ul">
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                                        <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                                        <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                                    </ul>
                                                </div>
                                            </div> -->
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>                              
                                </div>  
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

        
        <!-- 个性化弹窗 -->
        <div class="diago" style="display: none;">
            <div class="diado-content diago-active">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">个性化设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="model-content">
                    <div class="model-list">
                        <ul class="clearfix">
                            <li class="active">
                                <div class="modelDiv">
                                    <p>模板一</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板二</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板三</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板四</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">

                </div>
            </div>
        </div>
        <!--********************************* top templete*********************************** -->
        <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
        <div class="diagoT">
            <div class="diago-content">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">口号设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="cont-diago">
                    <input type="text" id="cont-value">
                </div>
                <div class="diago-bottom">
                    <div class="btn">确定</div>
                    <div class="cancelbtn">取消</div>
                </div>
            </div>
        </div>
        <!-- 间隔修改弹窗 -->
        <div class="diagoTime">
            <div class="diago-content" style="width:600px;">
                <div class="diago-title bg-color-bg" style="width:600px;">
                    <div class="diago-left">间隔修改</div>
                    <div class="diago-close"></div>
                </div>
                <div class="cont-diagoTime">
                    <div class="itemt">
                        3s
                    </div>
                    <div class="itemt">
                        5s
                    </div>
                    <div class="itemt">
                        10s
                    </div>
                    <div class="itemt">
                        20s
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="btnTime">确定</div>
                    <div class="cancelbtn">取消</div>
                </div>
            </div>
        </div>
        <div id="popup">
            <div class="bg">
                <img src=""/>
            </div>
        </div>
    </div>
<script src="./js/config.js?version=1.2.8"></script>
<script>
    var modulenumber = localStorage.module2;
    var jpathurls = '?userId=' + userId + "&bzId=" + bzId + "&regDeptId=" + regDeptId;
    // var jpathurls = '?userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8' + "&regDeptId=" + regDeptId;

    if (modulenumber == 2) {
        location.href = "./index2.html" + jpathurls
    } else if (modulenumber == 3) {
        location.href = "./index3.html" + jpathurls
    } else if (modulenumber == 4) {
        location.href = "./index4.html" + jpathurls
    }

    var app = document.querySelector('body');
    var hammertime = new Hammer(app);
    hammertime.on('swipeleft', function(ev) {
        // console.log(ev);
        bzApi.close()
    });

</script>
<script>
    var _LoadingHtml =
        '<div id="loadingDiv" style="position:absolute;top:0;left:0;height:calc(100% + 160px);width:100%;background: #e6907f;z-index:999">' +
        '<div class="loading loadingT"><span></span><span></span><span></span><span></span><span></span></div>' +
        '<div class="load-o">加载中...</div>' +
        '<div>';
    //呈现loading效果
    document.write(_LoadingHtml);
    //*******************************模拟数据***************************************//
    $(".bgcolor").css('backgroundColor', '#e84921');
    $("#btn").click(
        function () {
            var x = $("#index0").val();
            $('#a-c-c').html(x);
        }
    )
    $('.c-list').click(
        function (index) {
            $('.c-list').removeClass('bg-color-bg');
            $('.c-list-node').removeClass('active');
            $('.c-list-node').eq($(this).index()).addClass('active');
            $(this).addClass('bg-color-bg');
        }
    )
    $(".gonext-sys").click(
        function () {
            if ($(".truemodel").css("display") == "block") {
                $(".truemodel").css("display", "none");
            } else {
                $(".truemodel").css("display", "block");
            }
        }
    )
    $(".truelists").click(
        function () {
            $(".diago").css("display", "block");
        }
    )
    var numT = 0;
    $('.model-list ul li').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        numT = $(this).index();
    })

    var jpathurl = '?userId=' + userId + "&bzId=" + bzId + "&regDeptId=" + regDeptId;
    // var jpathurl = '?userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8' + "&regDeptId=" + regDeptId;

    $(".totrue").click(
        function () {
            $(".diago").css("display", "none");
            if (numT == 0) {
                location.href = "./index.html" + jpathurl
                localStorage.setItem("module2", 1)
            } else if (numT == 1) {
                location.href = "./index2.html" + jpathurl
                localStorage.setItem("module2", 2)
            } else if (numT == 2) {
                location.href = "./index3.html" + jpathurl
                localStorage.setItem("module2", 3)
            } else if (numT == 3) {
                location.href = "./index4.html" + jpathurl
                localStorage.setItem("module2", 4)
            }
        }
    )
    $(".goback-sys").click(
        function () {
            location.href = "./index4.html" + jpathurl
            localStorage.setItem("module2", 4)
        }
    )

    $(".diago-close").click(
        function () {
            $(".diagoT").css("display", "none");
            $(".diago").css("display", "none");
            $(".diagoTime").css("display", "none");
            $(".truemodel").css("display", "none");
            
        }
    )
    $(".jgsj").click(
        function () {
            if (timeSet == 3000) {
                $(".itemt").removeClass("active");
                $(".itemt").eq(0).addClass("active");
            } else if (timeSet == 5000) {
                $(".itemt").removeClass("active");
                $(".itemt").eq(1).addClass("active");
            } else if (timeSet == 10000) {
                $(".itemt").removeClass("active");
                $(".itemt").eq(3).addClass("active");
            } else if (timeSet == 20000) {
                $(".itemt").removeClass("active");
                $(".itemt").eq(3).addClass("active");
            }
            $(".diagoTime").css("display", "block");
        }
    )
    $(".cancel").click(
        function () {
            $(".diago").css("display", "none");
            $(".truemodel").css("display", "none");
            $(".diagoTime").css("display", "none");
        }
    )
    $(".changekh").click(
        function () {
            $(".diagoT").css("display", "block");
            $("#cont-value").val($(".titlep").text());
        }
    )
    $(".btn").click(
        function () {
            kouhao();
            $(".diagoT").css("display", "none");
            $(".truemodel").css("display", "none");
        }
    )
    $(".cancelbtn").click(
        function () {
            $(".diagoT").css("display", "none");
            $(".truemodel").css("display", "none");
            $(".diagoTime").css("display", "none");
        }
    )
    var timeSet = 10000;
    if (localStorage.getItem('timeSet')) {
        timeSet = localStorage.getItem('timeSet');
    }
    $(".itemt").click(
        function (index) {
            var index = $(this).index();
            $(".itemt").removeClass('active');
            $(this).addClass("active");
            if (index == 0) {
                timeSet = 3000;
            } else if (index == 1) {
                timeSet = 5000;
            } else if (index == 2) {
                timeSet = 10000;
            } else if (index == 3) {
                timeSet = 20000;
            }
        }
    )
    $(".btnTime").click(
        function () {
            $(".diagoTime").css("display", "none");
            $(".truemodel").css("display", "none");
            localStorage.setItem('timeSet', timeSet);
        }
    )



    //编辑口号
    function kouhao() {
        var summaryList = $("#cont-value").val();
        var SaveWallInfo = new FormData();
        var saveParams = {
            userId: userId,
            // userId: 'b070e77e-2289-4b58-979b-2db72d42f9a4',
            data: {
                bzId: bzId,
                // bzId: 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8',
                slogan: summaryList,
                savetype: "slogan"
            }
        }
        SaveWallInfo.append(
            'json', JSON.stringify(saveParams)
        )
        $.ajax({
            url: baseUrl + 'api/Culture/SaveWallInfo',
            data: SaveWallInfo,
            type: "POST",
            contentType: false,
            processData: false,
            success: function (data) {
                // console.log(data);
                location.href = "./index.html" + jpathurl
                // location.href="./detail1.html?number=2"
            }
        })
    }

    function changetogo(index) {
        location.href = "./detail/detail1.html?number=" + index + '&userId=' + userId + "&bzId=" + bzId +
            "&regDeptId=" + regDeptId;
            // location.href = "./detail/detail1.html?number=" + index + '&userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8' + "&regDeptId=" + regDeptId;
    }
</script>
<script src="./js/main.js?version=1.2.81"></script>
<script src="./js/swiper.min.js"></script>
<script>
    /**
     * Created by petter on 15/11/28.
     */
   

    //放大全屏，点击还原
    // $('.affairImgWrap').click(function(){
    //     $(this).toggleClass('minImg')
    //     $(this).toggleClass('maxImg')
    // })
    function newtable() {
        var win = $(".data-table"),
            scrollAreaEl = $('.t_r_content'),
            leftFreezeEl = $('.t_l_freeze'),
            leftTableEl = leftFreezeEl.find('table'),
            rightTableEl = $('.t_r_t table');


        //动态计算容器最大高度
        function adjustHeight() {
            var winHeight = win.height(),
                tableHeight = winHeight - 30;
            // console.log(tableHeight)
            leftFreezeEl.height();
            scrollAreaEl.height(tableHeight);
        }
        // setTimeout(
        //     function(){
        //         adjustHeight()
        //     },2000
        // )
        adjustHeight();
        win.on('resize', adjustHeight);

        //设置iscroll
        var myScroll = new IScroll('.t_r_content', {
            scrollX: true,
            scrollY: true,
            probeType: 3
        });
        var event;
        //阻止默认滚动
        scrollAreaEl.on('touchmove mousewheel', function (e) {
            event = e;
            e.preventDefault();
        });

        //固定上左表头的滚动
        myScroll.on('scroll', updatePosition);
        myScroll.on('scrollEnd', updatePosition);

        function updatePosition() {
            // console.log(myScroll.y)
            var a = myScroll.y;
            var b = myScroll.x;
            // $(".t_r_t table").css('transform', 'translate(0px, ' + a + 'px) translateZ(0px)');
            leftTableEl.css('transform', 'translate(0px, ' + a + 'px) translateZ(0px)');
            rightTableEl.css('transform', 'translate(' + b + 'px, 0px) translateZ(0px)');
        }
    }

</script>
</body>

</html>